<ion-header>
    <ion-navbar>
        <ion-title>通讯录</ion-title>
        <ion-buttons end>
            <button ion-button icon-only>
                <ion-icon name="person-add"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>
<ion-content class="list-contacts-page">
    <ion-searchbar></ion-searchbar>
    <ion-list>
        <ion-list-header>A</ion-list-header>
        <ion-item>
            <ion-avatar item-left>
                <img src="assets/img/avatar-ts-woody.png">
            </ion-avatar>
            <h2>Aaron</h2>
        </ion-item>
        <ion-item>
            <ion-avatar item-left>
                <img src="assets/img/avatar-ts-woody.png">
            </ion-avatar>
            <h2>Arbby</h2>
        </ion-item>
        <ion-item>
            <ion-avatar item-left>
                <img src="assets/img/avatar-ts-woody.png">
            </ion-avatar>
            <h2>Allen</h2>
        </ion-item>
        <ion-item>
            <ion-avatar item-left>
                <img src="assets/img/avatar-ts-woody.png">
            </ion-avatar>
            <h2>Abel</h2>
        </ion-item>
        <ion-list-header>B</ion-list-header>
        <ion-item>
            <ion-avatar item-left>
                <img src="assets/img/avatar-ts-woody.png">
            </ion-avatar>
            <h2>Baby</h2>
        </ion-item>
        <ion-item>
            <ion-avatar item-left>
                <img src="assets/img/avatar-ts-woody.png">
            </ion-avatar>
            <h2>Baby</h2>
        </ion-item>
        <ion-item>
            <ion-avatar item-left>
                <img src="assets/img/avatar-ts-woody.png">
            </ion-avatar>
            <h2>Baby</h2>
        </ion-item>
        <ion-item>
            <ion-avatar item-left>
                <img src="assets/img/avatar-ts-woody.png">
            </ion-avatar>
            <h2>Baby</h2>
        </ion-item>
    </ion-list>
</ion-content>
